<template>
  <div>
    <div class="detail-header">
      <h1>{{ item.title }}</h1>
    </div>
    <div class="detail-nav">
      发布时间:<span>{{ item.releaseTime }}</span>
    </div>
    <div class="detail-main" v-html="item.text"></div>
  </div>
</template>

<script>
import { getplatFormDetail } from "@/api/plantform/plantform";

export default {
  name: "plantformdetail",
  data() {
    return {
      listId: this.$route.query.listId,
      item: {},
    };
  },
  methods: {},
  created() {
    getplatFormDetail({ id: this.listId }).then((res) => {
      this.item = res.data;
    });
  },
};
</script>
<style scoped>
.detail-header h1 {
  text-align: center;
}
.detail-nav {
  margin-left: 50%;
}
.detail-main {
  padding: 0 300px;
  color: rgb(2, 12, 7);
  line-height: 20px;
}
</style>
